﻿@model borkoSi.ViewModels.AboutMeViewModel

@{   
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Title = "borkoSi - O meni";
}

@section bodytitle{
    <h1>O meni</h1>
    <h2>This is me</h2> 
}

<div class="body-left-home">
    
    <span>If you ever forget where borko.si is use QR code bellow :)</span><br /><br />
    <div>
        <img src="../../Images/QRCode.JPG" alt="QRCode" style="height: 200px; width: 200px;"/>
    </div>
</div>

<div class="body-right-home">
    
    <div>
        <img src="../../Images/avatar.png" alt="Avatar" style="height: 200px; width: 200px;"/>
    </div>

    <span><big>@Model.Name @Model.Surname</big></span><br /><br />
    <span>Datum rojstva: @Model.BirthDate</span><br />
    <span>Naslov: @Model.Address @Model.AddresNumber</span><br />
    <span>Mesto: @Model.PostalNumber @Model.City</span><br />
    <span>Država: @Model.Country</span><br />

    <br />
    <div>
        <img src="../../Images/emailEnvelope.png" alt="Email" style="height: 20px; width: 20px;"/>
        <span><a href="mailto:@System.Web.Configuration.WebConfigurationManager.AppSettings["AdminEmail"]?subject=borkoSi">borko@borko.si</a></span>
    </div>
    <div>
        <img src="../../Images/SkypeIcon.png" alt="Skype" style="height: 20px; width: 20px;"/>
        <span>boremeister</span>
    </div>
    <div style="padding: auto 0 auto 0">
        <img src="../../Images/FacebookIcon.png" alt="Facebook" style="height: 20px; width: 20px;"/>
        <span>borko.horvat@gmail.com</span>
    </div>

    <br />
    <br />
    <div>
        <span>@Model.City</span><br /><br />
        <div id="google-map" style="width:200px; height:200px"></div>
    </div>

</div>

@section Scripts{
    
    <script type="text/javascript" src="@Url.Content("/Scripts/myFunctions.js")"></script>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    
    <script type="text/javascript">


        $(function () {

            // initialize Google map
            initializeGoogleMap('google-map');
        }); 
    
    </script> 
}